<html>
<head>
<!--Load the AJAX API-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="ajile/com.iskitz.ajile.js?mvcoff,mvcshareoff,refresh"></script>
<script type="text/javascript" src="org.wattdepot.gdata.GDataLoader.js"></script>
<script type="text/javascript" src="org.wattdepot.gdata.kukuicup.Configuration.js"></script>
<script type="text/javascript" src="org.wattdepot.gdata.makahiki.Standings.js"></script>
</head>

<body>
  <div id="visualization"></div>
</body>

 
<script type="text/javascript">
// Wrap this code in an anonymous self-invoking function to avoid polluting global namespace.
(function() {
  // This data structure must be generated by Makahiki.
  var standings = 
  {
    title : 'Individual Standings, Ilima 3-4, Round 1',
    info : [{points : 150, rank : 1, label : ''},
	    {points : 130, rank : 6, label : ''},
	    {points : 120, rank : 7, label : ''},
	    {points : 100, rank : 8, label : ''},
	    {points : 5  , rank : 52, label : ''}],
    myindex : 2,
    type : 'individual'
  }

  // Load the visualization API, then call displayDormData.
  var loader = new org.wattdepot.gdata.GDataLoader(displayStandings);  

  function displayStandings() {
    var configuration = new org.wattdepot.gdata.kukuicup.Configuration();
    var standingsChart = new org.wattdepot.gdata.makahiki.Standings(configuration);
    standingsChart.setWidth(200);
    standingsChart.draw('visualization', standings);
  }
})();
</script>

</html>








